<template>
  <div id="app">
    <yl-header></yl-header>
    <yl-tab></yl-tab>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <player></player>
    <toast></toast>
  </div>
</template>
<script>
import YlHeader from '@/views/yl-header/yl-header';
import YlTab from '@/views/yl-tab/yl-tab';
import Player from '@/views/player/player';
import Toast from '@/components/toast/toast';
export default {
  components: {
    YlHeader,
    YlTab,
    Player,
    Toast,
  },
};
</script>
<style lang="stylus">
.loading-container
  position: absolute
  width: 100%
  top: 50%
  transform: translateY(-50%)
</style>
